<template>
  <div>
    <el-row>
      <el-col :span="12">
        <div>
          <h1>流程模板</h1>
          <el-table :data="tableData" style="width:100%" :border="true">
            <el-table-column label="重命名" header-align="center" align="center">
              <img src="../assets/images/modify.png" alt />
            </el-table-column>
            <el-table-column label="删除" header-align="center" align="center">
              <img src="../assets/images/close.png" alt />
            </el-table-column>
            <el-table-column prop="data" label="流程模板" header-align="center" align="center"></el-table-column>
          </el-table>
        </div>
      </el-col>

      <el-col :span="12">
        <div>
          <h1>外出模板</h1>
          <el-table :data="tableDataWC" style="width:100%" :border="true">
            <el-table-column label="流程环节" prop="LCHJ" header-align="center" align="center"></el-table-column>
            <el-table-column label="流程处理人" prop="LCCLR" header-align="center" align="center"></el-table-column>
            <el-table-column prop="LCCZ" label="流程操作" header-align="center" align="center"></el-table-column>
          </el-table>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      Cmm: [{ url: "../assets/images/modify.png" }],
      Xg: [{ url: "../assets/images/close.png" }],
      tableData: [
        {
          data: "外出"
        }
      ],
      tableDataWC: [
        {
          LCHJ: "1",
          LCCLR: "刘倩",
          LCCZ: "申请"
        },
        {
          LCHJ: "2",
          LCCLR: "刘倩",
          LCCZ: "申请"
        },
        {
          LCHJ: "3",
          LCCLR: "刘倩",
          LCCZ: "申请"
        }
      ]
    };
  }
};
</script>
<style  lang="scss" scoped>
.el-col {
  padding: 10px;
}
.el-col > div {
  position: relative;
  min-height: 400px;
  padding: 50px 16px 10px 10px;
  background: url(../assets/images/mbbg.png) 0 0 no-repeat;
  background-size: contain;
}
h1 {
  position: absolute;
  font-size: 16px;
  left: 43%;
  top: 16px;
}
</style>